<script>
  let cnt = 0;
  const Tips_container = document.querySelector(
    "#Tips_container"
  ) as HTMLDivElement;

  const list = [
    "网站是谁做的？等PDC官网正式上线了就知道了",
    "PDC是怎么诞生的？在熊熊烈火的思想碰撞中诞生的",
    "冷知识：pdc的积分商店开放时间比pdp的还要长",
    "你知道吗：玩过pdc的pdpliver数从未超过pdc制作组人数",
    "你可能不知道，pdc的美工本职是写代码，而写代码的本职是美工",
    "为什么美工的电脑上会出现IntelliJ IDEA呢？我也不知道",
    "PDC的代码提交仓库很快就要有1k次的commit了",
    "PDC的各种物品能在网页呈现吗？可以，但仅限于模型查看",
    "这个网站做出来花了多久时间？九时啊",
    "网站重构花了多少精力？久时啊",
    "网站预计什么时候完工呢？久事啊",
    "听说有蓝色大傻子欠了米饭160w积分",
    "冷知识：pdc的积分商店的可用时间比pdp的长（",
    `米饭的新维度flag算到今天已经过去了${Math.round(
      (+new Date() - +new Date("2022-04-06")) / (1000 * 60 * 60 * 24)
    )}天了`,
    "还有没有其他的联动网站？hiifan.icu算不算？",
    "篮球为什么叫做篮球先辈？好问题，我也不知道",
    "哼哼哼啊啊啊啊",
    "为了防止你什么都没学到，现在告诉你一个冷知识，整个网站未压缩时大小高达 10MB",
    "还有兴趣？那接下来告诉你另一个细节：网站是用 Astro 做的",
    "为什么用 Astro 呢？快啊，很快啊",
    "背景真的是 3D 场景吗？不是，背景是用景深图做出来的伪 3D 效果",
    "背景用的是什么框架实现景深与图片结合的？ThreeJs",
    "为什么十分甚至九分注重网站大小？因为网站越快留住的用户就越多",
    "网站有意义吗？意义有，可以有",
    "我想加入PDC开发组，我应该找谁？找米饭啊",
    "网站会放什么内容？一个花里胡哨的主页,一个Wiki,一个...",
    "这个网站算是对官方的营业妨碍吗？我不到啊",
    "小提示：按F12调出开发者控制台后输入 '烫烫烫烫烫烫' 并按下回车可以关闭背景的模糊效果",
    "这是倒数第二条预设内容了，为了防止你啥都没学到，我将要告诉你最后一个冷知识：",
    "网站最迟的上线时间是2023年9月份底，除非我实在是创意破产然后跳票了...",
  ];

  let msg = "";

  function ChangeMsg() {
    cnt = cnt === list.length - 1 ? 0 : cnt + 1;
    msg = list[cnt];
    return msg;
  }
  Tips_container?.addEventListener("click", () => {
    Tips_container.innerText = ChangeMsg();
  });
</script>

<div
  id="Tips_container"
  class="font-thin text-[14px] select-none text-center px-4"
>
  小提示：点击这里可以查看PDC的各种冷知识
</div>
